import React from 'react'
import Header from '../../components/Header'
import FooterBar from '../../components/FooterBar'
import OrderDoing from './OrderDoing';
import OrderDone from './OrderDone';
import { Tabs } from 'antd-mobile';

export default function index() {

  const renderOrder = () => {
    return (
      <>
        <div>
          <Tabs>
            <Tabs.Tab title='当前订单' key='1'>
              <OrderDoing />
            </Tabs.Tab>
            <Tabs.Tab title='历史订单' key='2'>
              <OrderDone />
            </Tabs.Tab>
          </Tabs>
        </div>
      </>
    )
  }
  return (
    <div>
      <Header />
      {renderOrder()}
      <FooterBar />
    </div>
  )
}
